<template>
  <div>
    <Header-Comp :title="title" />
    <div class="contents" v-html="text"></div>
  </div>
</template>

<script>
import HeaderComp from "@/components/HeaderComp";
import { getUserAgreementInfo } from "@/api/protocol";

export default {
  name: "Protocol",
  components: {
    HeaderComp,
  },
  data() {
    return {
      text: "",
      title: "门店注册及服务协议",
    };
  },
  mounted() {
    getUserAgreementInfo({
      deptId: this.$route.query.deptId || "1123598813738675201",
      userAgreementName: "门店注册及服务协议",
    }).then((res) => {
      this.text = this.$decode(res.data.content);
    });
  },
  methods: {},
};
</script>
<style scoped lang="less">
.content,
.contents {
  padding: 0 38px 50px;
  //   margin-top: 50px;
}

p {
  text-indent: 2em;
  font-size: 26px;
  line-height: 32px;
}

.title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  margin: 5px 0;
}
</style>
